.box1 {
    width: 200px;
    height: 200px;
    background-color: #abd1ff;
    border: 1px solid #818181;
}
.box2 {
    width: 300px;
    height: 100px;
    background-color: #ff8b3c;
}
p {
    font-size: 20px;
    color: #afafaf;
}
#end {
    font-size: 18px;
    color: #d3d3d3;
}

.box3 {
    width: 250px;
    height: 100%;
    border: 1px solid #999;
}

.box3 figure figcaption {
    font-size: 20px;
    color: #ff7948;
}

/*选择第一个li元素*/
ul li:first-child {
    font-size: 20px;
    color: #abff3f;
}

/*行内块:是块级元素,但是不独占一行*/
a {
    display: inline-block;
    width:100px;
    height:50px;
    text-align: center;
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #fff;
    background-color: #ff1a1a;
}
